* {
    padding: 0;
    margin: 0;
}
html {font-size: 62.5%;}
body {font-size: 1.4rem; background: #f8f8f8;color: #4c5269;}
fieldset,
img {border: 0}
ol,ul {list-style: none}
ol li,ul li,li {list-style: none}
.template{display: flex;flex-direction: column;margin-top: 30px;}
.template li{display: none;}
.template .thumbnail{background: none; border: 0; position: absolute;top: 94px;width: 150px;left:0;right:0;margin: 0 auto;}
.template .thumbnail div {display: flex;}
.template .thumbnail div .topimg{width: 32px;height: 32px;}
.template .thumbnail div h3{font-size: 1.2rem;margin: 0;line-height: 17px;}
.template .thumbnail h3 p{font-size: 0.8rem;color:#999;}
.template li img{width: 281px;margin: 0 auto;display: inherit;border-radius: 15px;}
.template_list{width:281px;display: flex;margin: 0 auto;justify-content: space-between;margin-top: 20px;}
.template_list li img{width:66px;height: 80px;}
p{text-align: center;}
.clickBut {width: 70%;margin: 15px 15%;height: 50px;color: #fff;font-size: 1.8rem;background:-moz-linear-gradient(left, #558CFF, #76B6FF);background:-webkit-linear-gradient(left, #558CFF, #76B6FF);background:-o-linear-gradient(left, #558CFF, #76B6FF);background:linear-gradient(left, #558CFF, #76B6FF);border-radius: 30px;border: none; 
    box-shadow: 0px 6px 24px 2px #B4D0FF;} 